<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <h:form id="loginForm">

        <p:panel id="loginPanel" style="width: 171px; font-size: 11px; margin-top: 4px;">
            <f:facet name="header">

                <ui:fragment rendered="#{!identidad.loggedIn}">
                    Iniciar Sesión
                </ui:fragment>

                <ui:fragment rendered="#{identidad.loggedIn}">
                    Información Personal
                </ui:fragment>

            </f:facet>

            <ui:fragment rendered="#{!identidad.loggedIn}">

                <table>
                    <tr>
                        <td>Email</td>
                    </tr>
                    <tr>
                        <td>
                            <p:message for="email" />
                        </td>
                    </tr>
                    <tr>
                        <td><p:inputText id="email" value="#{loginBean.email}" required="true" style="width: 136px"/></td>
                    </tr>
                    <tr>
                        <td>Password</td>
                    </tr>
                    <tr>
                        <td>
                            <p:message for="password" />
                        </td>
                    </tr>
                    <tr>
                        <td><p:password id="password" value="#{loginBean.password}" required="true" style="width: 136px"/></td>
                    </tr>

                </table>

            </ui:fragment>

            <ui:fragment rendered="#{identidad.loggedIn}">
                <table>
                    <tr>
                        <td>
                            <td>Bienvenido, </td>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <td>#{identidad.email}</td>
                        </td>
                    </tr>
                </table>
            </ui:fragment>

            <f:facet name="footer">

                <ui:fragment rendered="#{!identidad.loggedIn}">
                    <p:commandButton value="Ingresar" action="#{loginBean.login()}" ajax="false" />
                    <span style="margin-left:8px;">
                        <a href="#{request.contextPath}/spring/registrar_cliente">registrarse...</a>
                    </span>
                </ui:fragment>

                <ui:fragment rendered="#{identidad.loggedIn}">
                    <p:commandButton type="button" onclick="javascript:wvLogoutDialog.show()" value="Cerrar Sesión" />
                </ui:fragment>

            </f:facet>
        </p:panel>

    </h:form>

</ui:composition>